<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>PRIMEROS PASOS CON BRACKETS</title>
        <meta name="description" content="Una guía interactiva de primeros pasos para Brackets.">
        <link rel="stylesheet" href="main.css">
    </head>
    <body>

        <h1>PRIMEROS PASOS CON BRACKETS</h1>
        <h2>¡Ésta es tu guía!</h2>
        
        <!--
            HECHO CON <3 Y JAVASCRIPT
        -->

        <p>
            Bienvenido a una versión preliminar de Brackets, un nuevo editor de código abierto para la nueva
            generación de Internet. Somos unos apasionados de los estándares y queremos construir mejores
            herramientas para JavaScript, HTML, CSS y el resto de tecnologías web. Éste es nuestro humilde
            comienzo.
        </p>

        <!--
            ¿QUÉ ES BRACKETS?
        -->
        <p>
            <em>Brackets es un editor diferente.</em>
            La gran diferencia es que está escrito en JavaScript, HTML y CSS. Esto significa que la mayoría de quienes
            usan Brackets tiene las habilidades necesarias para modificar y extender el editor. De hecho, nosotros
            lo usamos todos los días para desarrollar Brackets. También tiene algunas características únicas como
            Edición Rápida, Desarrollo en Vivo y más que no encontrarás en otros editores.
            Sigue leyendo para saber más sobre cómo sacar provecho de estas características
        </p>
        
        <h2>Estamos intentando algunas cosas nuevas</h2>
        
        <!--
            LA RELACIÓN ENTRE HTML, CSS Y JAVASCRIPT
        -->
        <h3>Edición rápida de CSS y JavaScript</h3>
        <p>
            Se acabó el estar saltando de documento en documento perdiendo de vista lo que estás haciendo. Mientras
            estás escribiendo HTML, usa el atajo de teclado <kbd>Cmd/Ctrl + E</kbd> para abrir un editor rápido en
            línea con todo el contenido CSS relacionado. Ajusta tu CSS y oprime <kbd>ESC</kbd> para volver a tu HTML, o simplemente
            mantén las reglas CSS abiertas para que pasen a formar parte de tu editor de HTML. Si pulsas <kbd>ESC</kbd>
            fuera de un editor rápido, todos se cerrarán a la vez.
        </p>


    </body>
</html>
